// out: ../css/message-inform-setting.css
@import url(./module.less);

// 开启后，有新的任务通知

    p{
        font-size: @s14;
        color:@text2Color ;
        margin:  (24/@rem) 0 (5/@rem)  (22/@rem);
    }

    // 允许推送任务通知
    .allowed{
        height: (60/@rem);
        // line-height:(60/@rem);
        width: 100%;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 @s13 0 @s22;
        .left{
            font-size: @s16;
            color: @textColor;
        }
        .right{
            display: flex;
            .out-box{
                width: (60/@rem);
                height: (32/@rem);
                display: flex;
                align-items: center;
                border-radius: (16/@rem);                background-color:#EDEDED;
                transition: all 0.3s;
                .inner-box{
                    transition: all 0.3s;
                    display: inline-block;
                    height: @s24;
                    width: @s24;
                    background-color: @white;
                    border-radius:  @s24;
                    margin-left: (4/@rem);
                }
            }
        }
    }
